<template>
<div style="height:100%;">
     <div class="header">
      <img src="../assets/items.png" alt="" class='itemsIcon' @click="open" >
      <img src="../assets/csgo_head.png" alt="" class="logo" >
      <img src="../assets/home.png" alt="" class="home">
  </div>
  
</div>
 
</template>

<script>
export default {
    mounted(){
        
    },
data(){
    return{
        ifOpen:false
    }
},
methods:{
    open(){
        this.ifOpen=!this.ifOpen;
        this.$emit('show',this.ifOpen)   
    }
}
}
</script>

<style lang="scss" scoped>
.header{
    background:#000;
    height: 100%;
    display: flex;
    justify-content: space-between;
    .itemsIcon{
        height:50%;
        position: relative;
        top:25%;
        left:10px;
        
    }
    .home{
        height:60%;
        top:20%;
        right:5px;
        position: relative;
        
    }
    .logo{
        position:absolute;
        left:50%;
        transform: translateX(-50%);
        height: 50px;

    }
    .font{
        color:#fff;
        line-height: 50px;
    }
}
</style>>